﻿<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<meta http-equiv="Cache-Control" content="no-siteapp" />
<!--[if lt IE 9]>
<script type="text/javascript" src="lib/html5shiv.js"></script>
<script type="text/javascript" src="lib/respond.min.js"></script>
<![endif]-->
<link rel="stylesheet" type="text/css" href="static/css/H-ui.min.css" />
<link rel="stylesheet" type="text/css" href="lib/Hui-iconfont/1.0.8/iconfont.min.css" />
<link href="lib/Hui-iconfont/1.0.9/iconfont.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="static/css/style.css" />
<!--[if lt IE 9]>
<link href="static/css/H-ui.ie.css" rel="stylesheet" type="text/css" />
<![endif]-->
<!--[if IE 6]>
<script type="text/javascript" src="lib/DD_belatedPNG_0.0.8a-min.js" ></script>
<script>DD_belatedPNG.fix('*');</script>
<![endif]-->
<title>多账号管理</title>
<meta name="keywords" content="关键词,5个左右,单个8汉字以内">
<meta name="description" content="网站描述，字数尽量空制在80个汉字，160个字符以内！">
<style>
  .act-name{
    display:inline-block;
    width:175px;
    margin-right: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
  }

  .multi-stream-tag{
    display:inline-block;
    width:32px;
    border:1px solid #465567;
      border-radius: 2px;
    text-align:center;
    position: relative;
    right: 8px;
  }
  .act-item:hover .multi-stream-tag{
      color: #fff;
      border-color: #fff;
  }
  #fileupload{
    position: absolute;
    width: 88px;
    height: 34px;
    opacity: 0;
    filter: alpha(opacity=0);
  }
</style>
</head>
<body ontouchstart>
<div class="wrap">
        <div id="rm-header" class="header clearfix" data-type="4" data-account="5">
            <div class="top">
                <a class="logo-wrap" href="/console/?c=index&amp;a=index">
                 <img src="http://cdn13.mudu.tv/assets/upload/147071101583626.jpg" style="">
                </a>
                <div class="mid">
                    <a href="/console/?c=index&amp;a=index" class="nav first active">首页</a>
                    <a href="/console?c=app" class="nav ">频道统计
                        <img class="new" src="/assets/console/images/new_menu.png" alt="">
                    </a>
                    <a href="/console/?c=data&amp;a=userlist" class="nav last " target="_blank">
                        观众画像
                    </a>
                    <a href="/console/?c=media" class="nav ">媒体库</a>
                </div>
                <div class="right-wrap">
                    <div id="msg-txt-wrap" class="hide">
                        <i class="iconfont" title="消息"></i>
                        <span class="num hide">0</span>
                    </div>
                    <div class="user-info act-manager">
                        <!-- <span class="dropDown">
                          <a class="dropDown_A" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">管理员</a>
              <ul class="dropDown-menu menu radius box-shadow">
                <li><a href="#">多账号管理</a></li>
                <li><a href="#">密码设置</a></li>
                <li><a href="#">退出</a></li>
              </ul>
            </span> -->
            <div class="total-user-info" style="display: none;">
                  <a href="#">多账号管理</a>
                  <a href="#">密码设置</a>
                  <a href="#">退出</a>
                                                                          
              </div>
              <a id="username-link" title="账号设置" href="javascript:void(0)">
                  管理员</a>
              <i class="iconfont username-arrow"></i>
          </div>
        </div>
            </div>
        </div>
        
  <div id="rm-main" class="main clearfix">
     <div class="managechannel clearfix">
      <div class="managechannel-left manageitems-left">
        <a href="" class="cnl-lft-item active">多账号管理</a>
            <div class="snd-cnl-lfts show">
                <a href="administrator.html" class="snd-cnl-lft active">管理员列表</a>
            </div>
        <span class="cnl-lft-item last"></span>
      </div>
      <div class="managechannel-right setcover-logo">
        <div class="container" style="padding-left: 0">
          <p class="title title-first">管理员列表</p>
          <div class="content content-last icon-box-content" id="user-manage">
          <div class="user-manage-container">
          
            <div class="header-wrap">
                <div class="check-wrap"style="margin-left: 20px"><label class="ant-checkbox-wrapper">
                  <div class="channel-search-bar" style="overflow: inherit;padding:0;background-color: transparent;border: none">
                    <div class="ant-search-input-wrapper channel-search-input " style="float: none">
                      <span class="ant-input-group ant-search-input">
                        <input value="" placeholder="请输入管理员名称" type="text" class="ant-input">
                        <button type="button" class="ant-btn ant-btn-primary ant-btn-icon-only" ><i class="Hui-iconfont Hui-iconfont-search1"></i></button>
                      </span>
                    </div>
                    <span><a href="">清空</a></span>
                  </div>
                </label></div>
              <div class="user-data-export-wrap" >
                <button style="margin-left:16px;" type="button" class="ant-btn ant-btn-primary ant-btn-lg" onclick="addAdmin()" ><span >新建管理员</span></button>
                <button style="margin-left:16px;" type="button" class="ant-btn  ant-btn-lg" ><span ><i class="Hui-iconfont Hui-iconfont-daochu"></i>数据导出</span></button>
              </div>
            </div>
          <div class="user-manage-table">
          <div class="ant-table-wrapper">
          <div class="ant-spin-nested-loading">
          <div class="ant-spin-container">
          <div class="ant-table ant-table-large ant-table-empty ant-table-scroll-position-middle">
          <div class="ant-table-content">
          <div class="ant-table-scroll" >
            <div class="ant-table-body" style="overflow-x:auto;">
              <table class="ant-table-fixed" style="width:1460px;">
                <colgroup>
                  <col style="width:100px;min-width:100px;">
                  <col style="width:100px;min-width:100px;">
                  <col style="width:100px;min-width:100px;">
                  <col style="width:100px;min-width:100px;">
                  <col style="width:100px;min-width:100px;">
                  <col style="width:120px;min-width:120px;">
                  <col style="width:170px;min-width:170px;">
                  <col style="width:170px;min-width:170px;">
                  <col style="width:150px;min-width:150px;">
                  <col style="width:120px;min-width:120px;">
                  <col style="width:140px;min-width:140px;">
                  <col style="width:90px;min-width:90px;">
                </colgroup>
                <thead class="ant-table-thead">
                  <tr>
                    <th class="" ><span><span >管理员编号</span></span></th>
                    <th class=""><span><span >管理员</span></span></th>
                    <th class=""><span><span>频道个数</span></span></th>
                    <th class=""><span><span >观看上限/分钟</span></span></th>
                    <th class=""><span ><span>已观看/分钟</span></span></th>
                    <th class=""><span ><span >待结算/分钟</span></span></th>
                    <th class="" ><span ><span>进入时间</span></span></th>
                    <th class="" ><span><span>离开时间</span></span></th>
                    <th class="" ><span ><span >观看设备</span></span></th>
                    <th class="" ><span ><span >观看方式</span></span></th>
                    <th class="" ><span ><span >ip</span></span></th>
                    <th class="" ><span ><span>操作</span></span></th>
                  </tr>
                </thead>
                <tbody class="ant-table-tbody">
                  <tr>
                      <td><span>asdadasfe</span></td>
                      <td><span>谢霆锋</span></td>
                      <td><span>中国上海上海</span></td>
                      <td><span>600</span></td>
                      <td><span>1340</span></td>
                      <td><span>13744444444</span></td>
                      <td><span>2019-7-7 00:32:53</span></td>
                      <td><span>2019-7-7 00:32:53</span></td>
                      <td><span>IOS</span></td>
                      <td><span>H5</span></td>
                      <td><span>192.127.33.4</span></td>
                      <td><span><a onclick="editAdmin()">编辑</a><span>&nbsp;|&nbsp;</span><a onclick="del(123)">删除</a></span></td>
                    </tr>
                    <tr>
                      <td><span>asdadasfe</span></td>
                      <td><span>谢霆锋</span></td>
                      <td><span>中国上海上海</span></td>
                      <td><span>600</span></td>
                      <td><span>1340</span></td>
                      <td><span>13744444444</span></td>
                      <td><span>2019-7-7 00:32:53</span></td>
                      <td><span>2019-7-7 00:32:53</span></td>
                      <td><span>IOS</span></td>
                      <td><span>H5</span></td>
                      <td><span>192.127.33.4</span></td>
                      <td><span><a onclick="editAdmin()">编辑</a><span>&nbsp;|&nbsp;</span><a onclick="del(123)">删除</a></span></td>
                    </tr>
                </tbody>
              </table>
              
            </div>
            <!--<div class="ant-table-placeholder"><span><i class="anticon anticon-frown-o" ></i><span>暂无数据</span></span></div> -->

          </div>
          <div class="ant-table-fixed-right">
            <div class="ant-table-body-outer">
              <div class="ant-table-body-inner">
                <table class="ant-table-fixed">
                  <colgroup>
                    <col style="width:90px;min-width:90px;">
                  </colgroup>
                  <thead class="ant-table-thead">
                    <tr style="height: 49px;">
                      <th class=""><span ><span >操作</span></span></th>
                    </tr>
                  </thead>
                  <tbody class="ant-table-tbody" >
                    <tr><td><span><a onclick="editAdmin()">编辑</a><span>&nbsp;|&nbsp;</span><a  onclick="del(123)">删除</a></span></td></tr>
                    <tr><td><span><a onclick="editAdmin()">编辑</a><span>&nbsp;|&nbsp;</span><a  onclick="del(123)">删除</a></span></td></tr>
                  </tbody>
                </table>
              </div>
            </div>
          </div>
          <ul class="ant-pagination ant-table-pagination" unselectable="unselectable" style="text-indent: 0"> 
                <li title="上一页" tabindex="0" class="ant-pagination-disabled ant-pagination-prev" aria-disabled="true" ><a ><i class="Hui-iconfont Hui-iconfont-arrow2-left"></i></a></li>
                <li title="1" class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active" tabindex="0" ><a >1</a></li>
                <li title="2" class="ant-pagination-item ant-pagination-item-1" tabindex="0" ><a >2</a></li>
                <li title="下一页" tabindex="0" class="ant-pagination-next" aria-disabled="true" ><a ><i class="Hui-iconfont Hui-iconfont-arrow2-right"></i></a></li>
              </ul>
          </div>
          </div>
          </div>
          </div>
          </div>
          </div>


        </div>
        </div>
      </div>
      </div>
      </div>
  </div>
  <div id="rm-footer" class="footer clearfix">
      <img src="http://cdn13.mudu.tv/assets/upload/147070872782018.png" style="width:390px; height:110px;" alt="目睹直播">
  </div>
</div>
<div id="addAdmin" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content radius">
      <div class="modal-header">
        <h3 class="modal-title">新建管理员</h3>
        <a class="close" data-dismiss="modal" aria-hidden="true" href="javascript:void();">×</a>
      </div>
      <div class="modal-body">
        <form class="ant-form ant-form-horizontal">
          <div class="ant-row ant-form-item" >
            <div class="ant-col-4 ant-form-item-label">
              <label for="adminlName" title="用户名">用户名</label>
            </div>
            <div class="ant-col-19 ant-form-item-control-wrapper">
              <div class="ant-form-item-control ">
                <span class="ant-input-group-wrapper" style="width:300px;">
                  <span class="ant-input-wrapper ant-input-group">
                    <input type="text" maxlength="20" placeholder="设置后不可修改，请认真填写" value="TEST" id="adminlName" class="ant-input ant-input-lg number_of_words">
                    <span class="ant-input-group-addon" >
                      <i ><em class="word_count">0</em>/20</i>
                    </span>
                  </span>
                </span>
              </div>
            </div>
          </div>
          <div class="ant-row ant-form-item" >
            <div class="ant-col-4 ant-form-item-label">
              <label for="upper" title="消费上限">消费上限</label>
            </div>
            <div class="ant-col-19 ant-form-item-control-wrapper">
              <div class="ant-form-item-control ">
                <span class="ant-input-group-wrapper" style="width:120px;">
                  <span class="ant-input-wrapper ant-input-group">
                    <input type="text" value="0" id="upper" class="ant-input" style="width:60%">
                    <span style="line-height: 28px">&nbsp;分钟</span>
                  </span>
                </span>
                <p style="color:#999">"0"或空表示无上限</p>
              </div>
            </div>
          </div>
          <div class="ant-row ant-form-item" >
            <div class="ant-col-4 ant-form-item-label">
              <label for="" title="说明" style="color:#666">说明</label>
            </div>
            <div class="ant-col-19 ant-form-item-control-wrapper">
              <div class="ant-form-item-control ">
                <span class="ant-input-group-wrapper">
                  <span class="ant-input-wrapper ant-input-group">
                    <span style="line-height: 34px;color:#666">管理员初始密码为"123456"</span>
                  </span>
                </span>
              </div>
            </div>
          </div>
        </form>
      </div>
      <div class="modal-footer">
        <button class="btn btn-primary">确定</button>
        <button class="btn" data-dismiss="modal" aria-hidden="true">关闭</button>
      </div>
    </div>
  </div>
</div>
<div id="editAdmin" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content radius">
      <div class="modal-header">
        <h3 class="modal-title">编辑管理员</h3>
        <a class="close" data-dismiss="modal" aria-hidden="true" href="javascript:void();">×</a>
      </div>
      <div class="modal-body">
        <form class="ant-form ant-form-horizontal">
          <div class="ant-row ant-form-item" >
            <div class="ant-col-4 ant-form-item-label">
              <label for="adminlName" title="用户名">用户名</label>
            </div>
            <div class="ant-col-19 ant-form-item-control-wrapper">
              <div class="ant-form-item-control ">
                <span class="ant-input-group-wrapper" style="width:300px;">
                  <span class="ant-input-wrapper ant-input-group">
                    <input type="text" readonly placeholder="设置后不可修改，请认真填写" value="TEST" id="adminlName" class="ant-input ant-input-lg">
                  </span>
                </span>
              </div>
            </div>
          </div>
          <div class="ant-row ant-form-item" >
            <div class="ant-col-4 ant-form-item-label">
              <label for="upper" title="消费上限">消费上限</label>
            </div>
            <div class="ant-col-19 ant-form-item-control-wrapper">
              <div class="ant-form-item-control ">
                <span class="ant-input-group-wrapper" style="width:120px;">
                  <span class="ant-input-wrapper ant-input-group">
                    <input type="text" value="0" id="upper" class="ant-input" style="width:60%">
                    <span style="line-height: 28px">&nbsp;分钟</span>
                  </span>
                </span>
                <p style="color:#999">"0"或空表示无上限</p>
              </div>
            </div>
          </div>
          <div class="ant-row ant-form-item" >
            <div class="ant-col-4 ant-form-item-label">
              <label for="" title="说明" style="color:#666">说明</label>
            </div>
            <div class="ant-col-19 ant-form-item-control-wrapper">
              <div class="ant-form-item-control ">
                <span class="ant-input-group-wrapper">
                  <span class="ant-input-wrapper ant-input-group">
                    <span style="line-height: 34px;color:#666">管理员初始密码为"123456"</span>
                  </span>
                </span>
              </div>
            </div>
          </div>
        </form>
      </div>
      <div class="modal-footer">
        <button class="btn btn-primary">确定</button>
        <button class="btn" data-dismiss="modal" aria-hidden="true">关闭</button>
      </div>
    </div>
  </div>
</div>
<script type="text/javascript" src="lib/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="lib/jquery-ui/1.9.1/jquery-ui.min.js"></script>
<script type="text/javascript" src="static/js/H-ui.js"></script>
<script type="text/javascript" src="lib/layer/2.4/layer.js"></script>
<script type="text/javascript">
  // 新建
function addAdmin(){
  $("#addAdmin").modal("show")
}

//编辑
function editAdmin(){
  $("#editAdmin").modal("show")
}
//删除
function del(id){
  var datas = {
    id:id
  }
  $.post(url, datas, function(res){
    if (res.code==1) {
      alert('删除成功')
    };
  })

}
$('.number_of_words').keyup(function(event) {
    var max = $(this).attr('maxlength');
    var _val = $(this).val();
    var _length = $(this).val().length;
    if (_length <= max) {
      $(this).parents('.ant-input-group').find('.word_count').text(_length)
    }else(
      $(this).parents('.ant-input-group').find('.word_count').text(max)
      $(this).val(_val)
    )
  });
</script>
</body>
</html>
